텍스트 상자
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.
1. 개요
텍스트 상자는 사용자가 텍스트를 입력할 수 있도록 설계된 사용자 인터페이스 요소로, 입력 가능한 줄 수에 따라 텍스트 필드와 텍스트 에리어로 구분된다. 텍스트 필드는 한 줄의 텍스트만 입력할 수 있으며, 검색창, 로그인 창 등에 사용되고, 콤보 상자는 텍스트 필드와 드롭다운 목록을 결합한 형태이다. 텍스트 에리어는 여러 줄의 텍스트 입력을 지원하며, 게시판 글 작성 등에 사용된다. 텍스트 상자는 텍스트 입력, 캐럿 위치 설정 및 텍스트 선택, 텍스트 편집 등의 표준 기능을 제공하며, 자동 완성, 맞춤법 검사, 이모티콘/특수문자 입력과 같은 추가 기능이 제공되기도 한다.
더 읽어볼만한 페이지
| 텍스트 상자 |
|---|
2. 종류
한 줄 또는 여러 줄의 텍스트를 입력할 수 있는 텍스트 상자는 입력 가능한 줄 수에 따라 텍스트 필드와 텍스트 에리어로 구분된다.
=== 텍스트 필드 (한 줄 텍스트 상자) ===
한 줄의 텍스트만 입력할 수 있는 텍스트 상자이다. 주로 짧은 텍스트 입력에 사용되며, 검색창, 로그인 비밀번호 입력창 등이 대표적인 예시이다. 대한민국에서는 웹사이트 검색창, 로그인 폼 등에서 흔히 볼 수 있으며, 자동 완성 기능을 통해 사용자의 편의성을 높이기도 한다.
일반적으로 "텍스트 상자"라고 표현하면 다음 두 종류의 총칭을 지칭하지만, 후자와 구분할 때의 용어로 전자와 동의어로 취급되는 경우도 있다.
로그인의 비밀번호나 위키백과의 '편집 내용 요약' 등의 입력 상황에서는, 키보드를 사용하여 부드럽게 입력할 수 있도록 처음부터 활성화된 상태가 표준으로 되어 있다.
1행만 입력이 가능한 것. 중간에 줄 바꿈을 하지 않으므로, 1행 분량의 높이를 갖는 것이 권장된다.
보통은 영역 내에 수용되지 않더라도 크기는 변하지 않지만, 아래의 『캐럿 위치 설정과 텍스트 선택』 조작 또는 스와이프로 스크롤하여 숨겨진 부분의 내용을 확인할 수 있다.
확정 후 엔터 키를 누르면 다음 텍스트 필드가 활성화되는 경우가 많지만, 그전까지 입력된 내용으로 수행되는 경우도 있어 주의가 필요하므로, 때때로 문제시된다.
'''검색 상자''', '''콤보 상자'''에 채용되어 있다.
웹 브라우저의 '''자동 입력''' 기능에 설정한 정보 중, 각 웹사이트의 계정 생성이나 문의 등 웹 페이지에 있는 텍스트 필드의 요구와 대응하는 것은, 텍스트 필드의 활성화로 설정된 대로의 후보가 표시되며, 선택하면 키보드 조작을 대폭 스킵할 수 있다. 또한, 수동 입력한 텍스트 정보가 보관되는 경우가 있다. 후보를 마우스 오버했을 때나 그 선택 후에 새로운 문자의 입출력이 있을 때까지 대상 텍스트 필드 안은 파랗게 물든다.
==== 검색 상자 ====
검색 상자는 특정 웹사이트나 프로그램 내에서 정보를 검색하는 데 사용되는 텍스트 상자이다.
한국의 주요 포털 사이트인 네이버, 다음 등은 검색어 자동 완성, 실시간 검색어 순위 등 다양한 기능을 제공하여 검색 편의성을 높이고 있다. 이러한 기능들은 사용자가 원하는 정보를 더 빠르고 쉽게 찾을 수 있도록 돕는 역할을 한다.
==== 콤보 상자 ====
콤보 상자는 텍스트 필드와 드롭다운 목록이 결합된 형태이다. 사용자는 텍스트를 직접 입력하거나 목록에서 선택할 수 있다.
=== 텍스트 에리어 (여러 줄 텍스트 상자) ===
텍스트 에리어는 여러 줄의 텍스트를 입력할 수 있는 텍스트 상자이다. 주로 긴 텍스트 입력에 사용되며, 게시판 글 작성, 이메일 작성 등이 대표적인 예시이다. 대한민국에서는 게시판, 블로그, 소셜 미디어 등에서 댓글 작성, 게시글 작성 등에 널리 사용된다.
일반적으로 "텍스트 상자"라고 표현하면 여러 줄 텍스트 상자와 한 줄 텍스트 상자 두 종류를 모두 지칭하지만, 한 줄 텍스트 상자와 구분할 때의 용어로 여러 줄 텍스트 상자를 지칭하는 경우도 있다.
로그인의 비밀번호나 위키백과의 '편집 내용 요약' 등의 입력 상황에서는, 키보드를 사용하여 부드럽게 입력할 수 있도록 처음부터 활성화된 상태가 표준으로 되어 있다. 여러 줄 입력을 지원하며, 줄 바꿈이 가능하기 때문에 두 줄 이상의 높이를 갖도록 권장된다.
일반적으로 오른쪽 아래 모서리에서 드래그 앤 드롭으로 크기를 변경할 수 있으며, 텍스트가 영역 안에 들어가지 않는 크기일 경우에는 수평/수직 스크롤 바 중 하나 또는 둘 다 부착될 수 있다.
2. 1. 텍스트 필드 (한 줄 텍스트 상자)
한 줄의 텍스트만 입력할 수 있는 텍스트 상자이다. 주로 짧은 텍스트 입력에 사용되며, 검색창, 로그인 비밀번호 입력창 등이 대표적인 예시이다. 대한민국에서는 웹사이트 검색창, 로그인 폼 등에서 흔히 볼 수 있으며, 자동 완성 기능을 통해 사용자의 편의성을 높이기도 한다.일반적으로 "텍스트 상자"라고 표현하면 다음 두 종류의 총칭을 지칭하지만, 후자와 구분할 때의 용어로 전자와 동의어로 취급되는 경우도 있다.
로그인의 비밀번호나 위키백과의 '편집 내용 요약' 등의 입력 상황에서는, 키보드를 사용하여 부드럽게 입력할 수 있도록 처음부터 활성화된 상태가 표준으로 되어 있다.
1행만 입력이 가능한 것. 중간에 줄 바꿈을 하지 않으므로, 1행 분량의 높이를 갖는 것이 권장된다.
보통은 영역 내에 수용되지 않더라도 크기는 변하지 않지만, 아래의 『캐럿 위치 설정과 텍스트 선택』 조작 또는 스와이프로 스크롤하여 숨겨진 부분의 내용을 확인할 수 있다.
확정 후 엔터 키를 누르면 다음 텍스트 필드가 활성화되는 경우가 많지만, 그전까지 입력된 내용으로 수행되는 경우도 있어 주의가 필요하므로, 때때로 문제시된다.
'''검색 상자''', '''콤보 상자'''에 채용되어 있다.
웹 브라우저의 '''자동 입력''' 기능에 설정한 정보 중, 각 웹사이트의 계정 생성이나 문의 등 웹 페이지에 있는 텍스트 필드의 요구와 대응하는 것은, 텍스트 필드의 활성화로 설정된 대로의 후보가 표시되며, 선택하면 키보드 조작을 대폭 스킵할 수 있다. 또한, 수동 입력한 텍스트 정보가 보관되는 경우가 있다. 후보를 마우스 오버했을 때나 그 선택 후에 새로운 문자의 입출력이 있을 때까지 대상 텍스트 필드 안은 파랗게 물든다.
'''검색 상자'''는 특정 웹사이트나 프로그램 내에서 정보를 검색하는 데 사용되는 텍스트 상자이다.
한국의 주요 포털 사이트인 네이버, 다음 등은 검색어 자동 완성, 실시간 검색어 순위 등 다양한 기능을 제공하여 검색 편의성을 높이고 있다. 이러한 기능들은 사용자가 원하는 정보를 더 빠르고 쉽게 찾을 수 있도록 돕는 역할을 한다.
'''콤보 상자'''는 텍스트 필드와 드롭다운 목록이 결합된 형태이다. 사용자는 텍스트를 직접 입력하거나 목록에서 선택할 수 있다.
2. 1. 1. 검색 상자
검색 상자는 특정 웹사이트나 프로그램 내에서 정보를 검색하는 데 사용되는 텍스트 상자이다.한국의 주요 포털 사이트인 네이버, 다음 등은 검색어 자동 완성, 실시간 검색어 순위 등 다양한 기능을 제공하여 검색 편의성을 높이고 있다. 이러한 기능들은 사용자가 원하는 정보를 더 빠르고 쉽게 찾을 수 있도록 돕는 역할을 한다.
2. 1. 2. 콤보 상자
콤보 상자는 텍스트 필드와 드롭다운 목록이 결합된 형태이다. 사용자는 텍스트를 직접 입력하거나 목록에서 선택할 수 있다.2. 2. 텍스트 에리어 (여러 줄 텍스트 상자)
텍스트 에리어는 여러 줄의 텍스트를 입력할 수 있는 텍스트 상자이다. 주로 긴 텍스트 입력에 사용되며, 게시판 글 작성, 이메일 작성 등이 대표적인 예시이다. 대한민국에서는 게시판, 블로그, 소셜 미디어 등에서 댓글 작성, 게시글 작성 등에 널리 사용된다.일반적으로 "텍스트 상자"라고 표현하면 여러 줄 텍스트 상자와 한 줄 텍스트 상자 두 종류를 모두 지칭하지만, 한 줄 텍스트 상자와 구분할 때의 용어로 여러 줄 텍스트 상자를 지칭하는 경우도 있다.
로그인의 비밀번호나 위키백과의 '편집 내용 요약' 등의 입력 상황에서는, 키보드를 사용하여 부드럽게 입력할 수 있도록 처음부터 활성화된 상태가 표준으로 되어 있다. 여러 줄 입력을 지원하며, 줄 바꿈이 가능하기 때문에 두 줄 이상의 높이를 갖도록 권장된다.
일반적으로 오른쪽 아래 모서리에서 드래그 앤 드롭으로 크기를 변경할 수 있으며, 텍스트가 영역 안에 들어가지 않는 크기일 경우에는 수평/수직 스크롤 바 중 하나 또는 둘 다 부착될 수 있다.
3. 표준 기능
텍스트 상자는 일반적으로 다음과 같은 기능을 제공한다.
=== 텍스트 입력 ===
키보드의 키를 누르면 캐럿이 있는 위치에 텍스트가 나타난다. 일부 매우 간단한 텍스트 상자는 캐럿을 표시하지 않을 수 있으며, 이 경우 새로 입력한 문자가 현재 텍스트의 끝에 나타나는 것을 의미한다. 터치 입력 시스템에서는 텍스트 입력란을 탭하면 소프트웨어 키보드가 표시된다.
=== 캐럿 위치 설정과 텍스트 선택 ===
마우스나 키보드를 사용하여 캐럿(커서) 위치를 변경하고 텍스트를 선택할 수 있다.
마우스를 사용하는 경우, 원하는 지점을 클릭하여 캐럿 위치를 변경하고, 텍스트의 한쪽 끝에서 다른 쪽 끝까지 드래그하여 텍스트를 선택한다.
키보드를 사용하는 경우, 화살표 키로 캐럿 위치를 이동하고, Home영어/End영어 키(마이크로소프트 윈도우) 또는 Command영어-왼쪽/오른쪽 화살표(Mac OS)로 줄의 시작/끝으로 이동할 수 있다. Page Up영어/Page Down영어 키를 누르면 캐럿이 한 페이지 앞/뒤로 이동한다. Ctrl 키(Windows) 또는 Option영어 키(Mac OS)를 누른 채로 화살표 키를 누르면 단어, 단락 단위로 이동하며, Command영어 키를 누른 채로 위/아래 화살표 키(Mac OS)를 누르거나, Ctrl영어 키를 누른 채로 home영어/end영어(Windows) 키를 누르면 문서의 시작/끝으로 이동한다. Shift 키를 누른 채로 캐럿 위치를 변경하면 텍스트가 선택된다.
애플 플랫폼의 3D 터치 지원 단말에서는 소프트웨어 키보드 영역을 강하게 눌러 프리 커서 모드를 활성화하여 캐럿 위치를 미세 조정할 수 있다.
대한민국에서는 윈도우 운영체제의 단축키(Ctrl+A영어: 전체 선택, Ctrl+C영어: 복사, Ctrl+V영어: 붙여넣기 등)가 널리 사용된다.
=== 텍스트 편집 ===
텍스트 상자는 삽입 모드와 덮어쓰기 모드를 제공하며, Insert 키를 사용하여 전환한다. 삽입 모드에서는 커서 오른쪽에 있는 문자 앞에 새 문자가 삽입되고, 덮어쓰기 모드에서는 새 문자가 커서 오른쪽에 있는 문자를 대체한다. 텍스트가 선택된 상태에서 새 문자를 입력하면 선택된 텍스트가 대체된다. Delete 키나 Backspace 키를 누르면 커서 앞뒤의 문자를 삭제할 수 있으며, Ctrl 키나 Command 키를 함께 누르면 단어 단위로 삭제된다.
클립보드를 사용하여 텍스트를 복사, 잘라내기, 붙여넣기 할 수 있다. 편집 중 실수는 실행 취소(Ctrl+Z 또는 Command+Z) 및 다시 실행(Ctrl+Y 또는 Command+Shift+Z) 기능으로 되돌릴 수 있다. 실행 취소 버퍼의 깊이는 구현에 따라 다르며, 마이크로소프트 [https://docs.microsoft.com/en-us/windows/win32/controls/edit-controls Win32 편집 컨트롤]의 경우 실행 취소 버퍼는 하나만 있다.
=== 컨텍스트 메뉴 ===
텍스트 상자 내부에서 마우스 오른쪽 버튼을 클릭하거나 길게 탭하면 상황에 맞는 메뉴를 표시할 수 있다. 일반적으로 메뉴에는 모두 선택, 잘라내기/복사/붙여넣기, 실행 취소/다시 실행 등의 명령이 포함된다.
3. 1. 텍스트 입력
키보드의 키를 누르면 캐럿이 있는 위치에 텍스트가 나타난다. 일부 매우 간단한 텍스트 상자는 캐럿을 표시하지 않을 수 있으며, 이 경우 새로 입력한 문자가 현재 텍스트의 끝에 나타나는 것을 의미한다. 터치 입력 시스템에서는 텍스트 입력란을 탭하면 소프트웨어 키보드가 표시된다.3. 2. 캐럿 위치 설정과 텍스트 선택
마우스나 키보드를 사용하여 캐럿(커서) 위치를 변경하고 텍스트를 선택할 수 있다.마우스를 사용하는 경우, 원하는 지점을 클릭하여 캐럿 위치를 변경하고, 텍스트의 한쪽 끝에서 다른 쪽 끝까지 드래그하여 텍스트를 선택한다.
키보드를 사용하는 경우, 화살표 키로 캐럿 위치를 이동하고, Home영어/End영어 키(마이크로소프트 윈도우) 또는 Command영어-왼쪽/오른쪽 화살표(Mac OS)로 줄의 시작/끝으로 이동할 수 있다. Page Up영어/Page Down영어 키를 누르면 캐럿이 한 페이지 앞/뒤로 이동한다. Ctrl 키(Windows) 또는 Option영어 키(Mac OS)를 누른 채로 화살표 키를 누르면 단어, 단락 단위로 이동하며, Command영어 키를 누른 채로 위/아래 화살표 키(Mac OS)를 누르거나, Ctrl영어 키를 누른 채로 home영어/end영어(Windows) 키를 누르면 문서의 시작/끝으로 이동한다. Shift 키를 누른 채로 캐럿 위치를 변경하면 텍스트가 선택된다.
애플 플랫폼의 3D 터치 지원 단말에서는 소프트웨어 키보드 영역을 강하게 눌러 프리 커서 모드를 활성화하여 캐럿 위치를 미세 조정할 수 있다.
대한민국에서는 윈도우 운영체제의 단축키(Ctrl+A영어: 전체 선택, Ctrl+C영어: 복사, Ctrl+V영어: 붙여넣기 등)가 널리 사용된다.
3. 3. 텍스트 편집
텍스트 상자는 삽입 모드와 덮어쓰기 모드를 제공하며, Insert 키를 사용하여 전환한다. 삽입 모드에서는 커서 오른쪽에 있는 문자 앞에 새 문자가 삽입되고, 덮어쓰기 모드에서는 새 문자가 커서 오른쪽에 있는 문자를 대체한다. 텍스트가 선택된 상태에서 새 문자를 입력하면 선택된 텍스트가 대체된다. Delete 키나 Backspace 키를 누르면 커서 앞뒤의 문자를 삭제할 수 있으며, Ctrl 키나 Command 키를 함께 누르면 단어 단위로 삭제된다.클립보드를 사용하여 텍스트를 복사, 잘라내기, 붙여넣기 할 수 있다. 편집 중 실수는 실행 취소(Ctrl+Z 또는 Command+Z) 및 다시 실행(Ctrl+Y 또는 Command+Shift+Z) 기능으로 되돌릴 수 있다. 실행 취소 버퍼의 깊이는 구현에 따라 다르며, 마이크로소프트 [https://docs.microsoft.com/en-us/windows/win32/controls/edit-controls Win32 편집 컨트롤]의 경우 실행 취소 버퍼는 하나만 있다.
3. 4. 컨텍스트 메뉴
텍스트 상자 내부에서 마우스 오른쪽 버튼을 클릭하거나 길게 탭하면 상황에 맞는 메뉴를 표시할 수 있다. 일반적으로 메뉴에는 모두 선택, 잘라내기/복사/붙여넣기, 실행 취소/다시 실행 등의 명령이 포함된다.4. 추가 기능 (대한민국 특화)
4. 1. 자동 완성
4. 2. 맞춤법 검사
4. 3. 이모티콘/특수문자 입력
참조
[1]
웹사이트
What does text box mean?
https://www.definiti[...]
2020-08-08
[2]
웹사이트
Text Box Definition
https://techterms.co[...]
2020-08-08
[3]
문서
フォーカスがある限り、永久にキャレットの点滅を続けるものもあれば、一定時間経過すると点滅を停止するものもある。点滅にはタイマーが利用されるが、省電力の観点から特にモバイル用のウィジェットでは一切点滅しないものもある。
[4]
웹인용
보관된 사본
http://www.terms.co.[...]
2011-01-29
본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.
문의하기 : help@durumis.com